body { 
    font-family:arial, sansserif;
    font-size:1.2em; 
    color:#ccc;
    background-color:#555; 
    margin: 5px 4px;
    overflow: hidden;
    width: 312px;
}
a {
    color:#ccc;
    text-decoration:none;
}
a:hover {
    color:#ccc;
    text-decoration:none
}

#tabMenu {
    margin:0; 
    padding:0 0 0 10px;
    list-style:none;
}
#tabMenu li {
    font-size: 0.75em;
    float:left; 
    padding: 10px 8px 5px 8px;
    cursor:pointer;cursor:hand; 
}
#tabMenu li img {
    border: 0; 
    vertical-align: middle
}
li.mouseover {background-color: #000;}
li.mouseout {background-color: transparent;}
li.selected {background-color: #000; -webkit-box-shadow: 2px -1px 2px #666;}

body[orient="profile"] .box {
    width: 312px;
}
body[orient="landscape"] .box {
    width: 472px;
}
.boxBody {
    background-color:#000; 
    clear: both;
    -webkit-box-shadow: 2px 2px 2px #666;
    padding: 2px 0px;
}

.boxBody div {display:none;}
.boxBody div.show {display:block;}

.boxBody div ul {margin:0 10px 0 25px; padding:0; list-style-image:url(images/arrow.gif)}
.boxBody div li {border-bottom:1px dotted #8e8e8e; padding:10px 10px;cursor:hand;cursor:pointer;}
.boxBody div ul li.last {border-bottom:none}

.boxBody div table {
    padding:5px; 
    font-size: 1em; 
    empty-cells:show
}
.boxBody div table td,
.boxBody div table th {
    border-bottom: 1px dotted #8e8e8e; cursor:hand; cursor:pointer;
    padding: 10px;
    font-weight: normal;
}
.boxBody div table th img {
    margin-left: 16px;
    border: 0;
}
.boxBody div table td.last {border-bottom: none}

.symbol {
    width: 40%;        
    text-align: left;
}
.price {
    width: 25%;
    text-align: right;
}    
.change {
    font-size: 0.8em;
    width: 35%;
    text-align: right;
    font-style: italic;
}
.volume {   
    width: 10ex;
    text-align: right;
}  
.money {
    text-align: right;
}    
.up {
    color: #0f0;
}
.ceiling {
    color: magenta;
}
.down {
    color: red;
}
.floor {
    color: cyan;
}
.freeze {
    color: yellow;
}
.up .symbol {
    padding-left: 16px;
    background: transparent url(images/up.png) 0% 50% no-repeat;
}
.down .symbol {
    padding-left: 16px;
    background: transparent url(images/down.png) 0% 50% no-repeat;
}
.ceiling .symbol {
    padding-left: 16px;
    background: transparent url(images/ceiling.png) 0% 50% no-repeat;
} 
.floor .symbol {
    padding-left: 16px;
    background: transparent url(images/floor.png) 0% 50% no-repeat;
}
.freeze .symbol {
    padding-left: 16px;
    background: transparent url(images/freeze.png) 0% 50% no-repeat;
}    

div#news ul {
    font-size: 0.9em;
}
div#news span {
    color: #888;
    font-size: 0.6em;
}